<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/home.css">
</head>
<body>

<div id="header" class="container">
    <a href="#">
        <img src="images/logo.png" alt="" title="" class="head_logo l">
    </a>
    <ul class="header_menu r">
        <li><a href="#" class="active">HOME</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">PROTFOLIO</a></li>
        <li><a href="#">SERVICE</a></li>
        <li><a href="#">NEWS</a></li>
        <li><a href="#">CONTACT</a></li>
    </ul>
</div>
<div id="banner" class="container-fluid">
    <ul>
        <li style="background: url(images/banner1.jpg) no-repeat center 0px">
            <a href=""></a>
        </li>
    </ul>
    <ol>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>
</div>
<div id="service" class="container">
    <div class="area_title">
        <h2>服务范围</h2>
        <p>OUR SERVICE</p>
    </div>
    <div class="service_list">
        <li>
            <div></div>
            <h3>1.WEB DESIGN</h3>
            <p>
                企业品牌网站设计/手机网站制作
                <br>
                动画网站创意设计
            </p>
        </li>
        <li>
            <div></div>
            <h3>2.WEB DESIGN</h3>
            <p>
                企业品牌网站设计/手机网站制作
                <br>
                动画网站创意设计
            </p>
        </li>
        <li>
            <div></div>
            <h3>3.WEB DESIGN</h3>
            <p>
                企业品牌网站设计/手机网站制作
                <br>
                动画网站创意设计
            </p>
        </li>
        <li>
            <div></div>
            <h3>4.WEB DESIGN</h3>
            <p>
                企业品牌网站设计/手机网站制作
                <br>
                动画网站创意设计
            </p>
        </li>
    </div>
</div>
<div id="case" class="container-fluid">
    <div class="container">
        <div class="area_title">
            <h2>[ 客户案例 ]</h2>
            <p>With the best professional technology, to design the best innovative web site</p>
        </div>
        <ul class="case_list clear">
            <li>
                <a href=""><img src="images/img1.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="images/img1.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="images/img1.jpg" alt=""></a>
            </li>
        </ul>
        <a href="">VIEW MORE</a>
    </div>
</div>
<div id="news" class="container">
    <div class="area_title">
        <h2>最新资讯</h2>
        <p>TEH LATEST NEWS</p>
    </div>
    <dl>
        <dt class="l"><img src="images/xs1.jpg" alt=""></dt>
        <dd class="l">
            <li>
                <div class="news_date">
                    <i>07</i>
                    <span>Jan</span>
                </div>
                <div class="news_text">
                    <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                    <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                        更不用说首页前三了。那么网站就...</p>
                </div>
            </li>
            <li>
                <div class="news_date">
                    <i>07</i>
                    <span>Jan</span>
                </div>
                <div class="news_text">
                    <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                    <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                        更不用说首页前三了。那么网站就...</p>
                </div>
            </li>
            <li>
                <div class="news_date">
                    <i>07</i>
                    <span>Jan</span>
                </div>
                <div class="news_text">
                    <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                    <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                        更不用说首页前三了。那么网站就...</p>
                </div>
            </li>
            <li>
                <div class="news_date">
                    <i>07</i>
                    <span>Jan</span>
                </div>
                <div class="news_text">
                    <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                    <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                        更不用说首页前三了。那么网站就...</p>
                </div>
            </li>
        </dd>
    </dl>
</div>
<div id="foot" class="container-fluid">
    <div class="container">
        <div></div>
    </div>
</div>

</body>
</html>